.operation-quick-entry {
    margin: 10px;
    padding: 10px;
    background-color: #F5F7F9; /* 背景颜色，可根据需要调整 */
    border-radius: 4px;
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
    margin-bottom: 10px; /* 与其他内容的间距 */
  }
  
  .operation-quick-entry:hover {
      box-shadow: 0 5px 15px rgba(22, 22, 22, 0.5), 0 -5px 15px rgba(168, 165, 165, 0.5), 5px 0 15px rgba(235, 232, 232, 0.5), -5px 0 15px rgba(235, 232, 232, 0.5);
  }
  
  .title-container {
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
  }
  
  .circle-number {
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    width: 30px; /* 圆圈宽度 */
    height: 30px; /* 圆圈高度 */
    border-radius: 50%; /* 圆形 */
    background-color: #1ABC9C; 
    color: white; /* 文字颜色 */
    font-size: 18px; /* 文字大小 */
    font-weight: bold; /* 字体加粗 */
    margin-right: 10px; /* 为圆圈和标题文本之间添加间距 */
  }
  
  .title {
    text-align: left; /* 标题居左 */
    font-size: 20px; /* 标题字体大小，可根据需要调整 */
    font-weight: bold; /* 字体加粗 */
    color: #999999; /* 字体颜色，可根据需要调整 */
  }
  
  
  .quick-entry-list {
    margin-top: 20px; /* 列表与标题之间的间距 */
    display: flex; /* 使用 flex 布局 */
    flex-wrap: wrap; /* 允许列表换行 */
    justify-content: space-around; /* 列表项之间平均分布 */
  }
  
  .list-item {
      font-size: 20px;
      font-weight: bold;
     
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
    flex-direction: column; /* 子元素垂直排列 */
    padding: 10px; /* 列表项内边距 */
    border: 1px solid #1ABC9C; /* 列表项边框 */
    border-radius: 4px; /* 边框圆角 */
    margin: 5px; /* 列表项外边距 */
    width: 11vw; /* 列表项宽度，减去间距 */
    box-sizing: border-box; /* 边框和内边距的宽度包含在宽度内 */
    text-align: center; /* 内容居中 */
    color: #999999;
    text-decoration: none; /* 去除下划线 */
    transition: background-color 0.3s, color 0.3s; /* 过渡效果 */
  }
  
  .list-item:hover {
    background-color: #87f1e0; /* 鼠标悬停时背景颜色 */
    color: #1ABC9C; /* 鼠标悬停时文字颜色 */
    cursor: pointer; /* 鼠标悬停时变为手形光标 */
  }
  .item-container {
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
    flex-direction: column; /* 子元素垂直排列 */
    padding: 10px; /* 根据需要调整 */
    position: relative; /* 相对定位 */
  }
  
  .item-image {
    width: 70px; /* 图片宽度，根据需要调整 */
    height: auto; /* 图片高度，保持原始比例 */
    margin-bottom: 12px; /* 图片与文字之间的间距 */
  }